<section *ngIf="showForm">
  <!-- <div class="clearfix">
    <h3 class="title" style="padding-bottom: 5px;margin-left: 12%;">设备图片</h3>
    <nz-upload
      style="margin-left: 12%;"
      [nzAction]="uploadUrl"
      nzListType="picture-card"
      [(nzFileList)]="fileList"
      [nzShowButton]="fileList.length < 1"
      nzAccept="image/*"
      [nzPreview]="handlePreview"
    >
      <div>
        <i nz-icon nzType="plus"></i>
        <div style="margin-top: 8px;margin-left: 12%;">上传图片</div>
      </div>
    </nz-upload>
    <nz-modal [nzVisible]="previewVisible" [nzContent]="modalContent" [nzFooter]="null" (nzOnCancel)="previewVisible = false">
      <ng-template #modalContent>
        <img [src]="previewImage" [ngStyle]="{ width: '100%' }" />
      </ng-template>
    </nz-modal>
  </div> -->
  <!-- <form nz-form [formGroup]="validateForm">
    <div nz-row [nzGutter]="24">
      <div nz-col [nzSpan]="12">
        <nz-form-item>
          <nz-form-label [nzSm]="6" [nzXs]="24" >门禁息屏时间</nz-form-label>
          <nz-form-control [nzSm]="18" [nzXs]="24">
            <nz-time-picker formControlName="btime"></nz-time-picker>~
            <nz-time-picker formControlName="etime"></nz-time-picker>
          </nz-form-control>
        </nz-form-item>
      </div>
      <div nz-col [nzSpan]="12">
        <nz-form-item>
          <nz-form-label [nzSm]="6" [nzXs]="24" >门禁摄像头开启时间</nz-form-label>
          <nz-form-control [nzSm]="18" [nzXs]="24">
            <nz-time-picker formControlName="cbtime"></nz-time-picker>~
            <nz-time-picker formControlName="cetime"></nz-time-picker>
          </nz-form-control>
        </nz-form-item>
      </div>
      <div nz-col [nzSpan]="12">
        <nz-form-item>
          <nz-form-label [nzSm]="6" [nzXs]="24" >门禁LED灯关闭时间</nz-form-label>
          <nz-form-control [nzSm]="18" [nzXs]="24">
            <nz-time-picker formControlName="lbtime"></nz-time-picker>~
            <nz-time-picker formControlName="letime"></nz-time-picker>
          </nz-form-control>
        </nz-form-item>
      </div>
    </div>
  </form> -->
  <!-- <sf [formData]="param" [schema]="schema" (formSubmit)="formSubmit($event)"></sf> -->
  <nz-tabset [nzTabPosition]="nzTabPosition">
    <nz-tab nzTitle="基本信息">
      <sf [formData]="param1" [schema]="schema1" [button]="null"></sf>
      <!-- <sf #formBase [formData]="param1" [schema]="schema" (formSubmit)="submitBase($event)"></sf> -->
    </nz-tab>
    <nz-tab nzTitle="人脸识别参数">
      <sf #formBase [formData]="param2" [schema]="schema2"   (formSubmit)="submitBase($event)"></sf>
    </nz-tab>
    <nz-tab nzTitle="音视频对讲参数">
      <sf #formVersion [formData]="param3" [schema]="schema3"   (formSubmit)="submitVersion($event)"></sf>
    </nz-tab>
    <nz-tab nzTitle="功能参数">
      <sf #formSet [formData]="param4" [schema]="schema4" (formSubmit)="formSubmit($event)"></sf>
    </nz-tab>
    <nz-tab nzTitle="绑定楼栋">
      <nz-input-group [nzSuffix]="suffixIcon">
        <input type="text" nz-input placeholder="Search" [(ngModel)]="searchValue" />
      </nz-input-group>
      <ng-template #suffixIcon>
        <i nz-icon nzType="search"></i>
      </ng-template>
      <nz-card style="height: 600px;overflow: auto;">
        <nz-spin  [nzSpinning]="isLoading">
        <nz-tree
          #tree
         [nzData]="houseList" 
         [nzSearchValue]="searchValue" 
         nzCheckable
         nzMultiple 
         nzAsyncData 
         [nzCheckedKeys]="defaultCheckedKeys"
         > </nz-tree>
        </nz-spin>
      </nz-card>

      <nz-form-item style="text-align: center;margin-top: 20px;margin-bottom: 0;">
          <nz-form-control [nzOffset]="7" [nzSpan]="12">
            <button nz-button nzType="primary" (click)="submitHouse()">提交</button>
            <button nz-button (click)="resetForm($event)">取消</button>
          </nz-form-control>
      </nz-form-item>


    </nz-tab>
  </nz-tabset>

</section>
